<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Codifer</title>

<link type="text/css"
	href="css/custom-theme/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
<link type="text/css" href="css/visualizadorCargaProcesoAdmin.css"
	rel="stylesheet" />
<link type="text/css" href="css/general.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="js/general.js"></script>

</head>
<body>
<div style="min-width:1200px; border:0px solid #FF0000;">
	<!--Logo -->
	<div class="header ui-widget ui-corner-all">
		<div class="logo"></div>
		<div class="header-info">
			<div class="header-info-usuario-icon"></div>
			<div class="header-info-usuario">
				<div class="on">
					<div><h3>Vendedor Prueba 1</h3></div>
					<div style="font-size: 10px; margin: 1px;"><span>Fecha:</span> 03/02/2011</div>
					<div style="font-size: 10px; margin: 1px;"><span>IP:</span>127.0.0.1</div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
		<div class="clear"></div>
	</div>

	<!--Menu -->
	<div class="ui-widget ui-corner-all menu">
		<div id="navigation" style='color: 5E5E5E;'>
			<ul class="ui-helper-clearfix" id="menu">
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onclick="location.href='index.html'">Inicio</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onclick="location.href='index.html'">Productos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div onclick="location.href='cotizaciones.html'">Cotizaciones</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Clientes</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Cartera</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Contactos</div></li>
				<li title=".ui-icon-carat-1-n" class="ui-state-default boton-menu">
					<div>Reportes</div></li>
			</ul>
		</div>
	</div>


	<div class="cuerpo">
		<div class="left buscador"
			style="border-color: #BFBFBF">

			<!--Buscador-->
			<div style="margin: 0px 0px 15px 0px; padding-bottom: 5px;" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Buscar</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">
					
					<input type="text" name="buscar" id="buscar"
						style="margin: 0; padding: 0; height: 22px; width:220px" 
						value="Clic aqui para buscar" />
					<a class="boton-buscar" href="resultado_valvula.html" >Ir</a>
					<div class="clear"></div>
				</div>

			</div>
			<!--Destacados-->
			<div style="margin: 0px 0px 15px 0px; display: none">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span>Destacados</span>
					</p>
				</div>
				<div
					style="margin: 0px 5px; padding: 5px; width: 250px; height: 80px; background-image: url(css/images/jaguar.png); background-position: 50% 50%; background-repeat: no-repeat;"
					class="ui-corner-all buscador-caja caja_plugin"></div>
			</div>

			<!--Chat-->
			<div style="margin: 0px 0px 15px 0px" class="ui-state-error ui-corner-all">
				<div
					style="margin: 1px 5px 5px 5px; padding: 0pt 0.7em; border-bottom: 1px solid #000;"
					class="">
					<p style="margin: 6px 0">
						<span style="float: left; margin-right: 0.3em;"
							class="ui-icon ui-icon-info"></span> <span
							style="font-size: 14px;">Chat</span>
					</p>
				</div>

				<div style="margin: 0px 5px; padding: 5px;"
					class="ui-corner-all buscador-caja caja_plugin">

					<ul>
						<li class="chat"><a  href="#">Pedro Morales</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Mario Perez</a><span> - Conectado</span></li>
						<li class="chat"><a  href="#">Alejandra Diaz</a><span> - Conectado</span></li>
					</ul>

				</div>

			</div>
			
			<div class="clear"></div>
		</div>
	</div>
	<div class="rigth contenido">
		<h1>Mi Cotización</h1>
		<div id="tabs" class="div-contenido">
			<ul id="tabs-ul" class="caja_plugin">
				<li><a  class="ui-corner-all" href="#tabs-1">Paso 1: Informacion general</a></li>
				<li><a  class="ui-corner-all" href="#tabs-2">Paso 2: Seleccionar Productos</a></li>
				<li><a  class="ui-corner-all" href="#tabs-3" >Paso 3: Guardar y enviar cotización</a></li>
				
			</ul>
			<div id="tabs-1">
				<div style="width: 200px">No. Cotizacion: </div>
				<div>10021</div>
				
				<div style="width: 200px">Fecha:</div>
				<div><input type="text" class="datepicker" readonly="readonly"/></div>
				<div style="width: 200px">Cliente: </div>
			       <div><input type="text" class="nombres"/></div>
			    <div style="width: 200px">Vendedor: </div>
			    <div><input type="text"  class="nombres"/></div>
			</div>
			<div id="tabs-2">
				<div class="nav-teclado">
					<div
						style="width: 100%; text-align: right; font-size: 10px;">
						<button class="boton" onclick="location.href='cotizaciones-agregar.html'">agregar producto</button>
					</div>
					<div style="border-bottom: 1px dotted #4D4D4D; margin: 10px 0;"></div>
					
					<div class="nav-seleccion">
						<div class="img_prod" style="float: left; width: 15%; ">
							<div style="display: table-cell; vertical-align: middle; height:80px; ">
								<img src="css/images/prd/50025.png" width="100" />
							</div>
						</div>
						<div class="desc_prod"
							style="float: left; width: 40%; margin-left: 5px;">
							<div style="font-size: 16px; margin: 4px 2px; text-decoration: underline;">
								Válvula de bola AC 800L 1/4" Paso Reducido	
							</div>
							<div style="font-size: 14px; margin: 2px 2px; color: #292929;">
								<b>Valor Unitario:</b> $458.000
							</div>
							<div style="font-size: 12px; margin: 2px 2px; color: #4D4D4D;">
								<b>Disponibles:</b> 10
							</div>
							<div style="font-size: 10px; margin: 2px 2px; color: #4D4D4D;">
								<b>Código:</b> 50025535006
							</div>
						
						</div>
						<!--button class="ui-icon ui-icon-closethick boton-cerrar">Cerrar</button-->
						<div
							style="float: right; width: 43%; margin-right: 5px; height: 40px; padding-top: 15px">
							<div
								style="font-size: 12px; text-align: right; float: left; width: 100px; padding-top: 2px; ">
								<input type="text" value="0"
									style="font-size: 15px; width: 40px; color: #7F7F7F; text-align:right;" class="nav-foco"/> <span
									style="font-size: 15px; color: #7F7F7F">%Desc</span>
							</div>
							<div
								style="font-size: 12px; text-align: right; float: left; width: 100px; padding-top: 2px; margin:0 5px">
								<input type="text" value="5"
									style="font-size: 15px; width: 40px; color: #7F7F7F; text-align:right;" class="nav-foco"/> <span
									style="font-size: 15px; color: #7F7F7F">Und</span>
							</div>
							
							<div style="text-align: right; float: right; width: 150px;">
								<span style="font-size: 25px;">$2.290.000</span>
							</div>
						</div>
						<div class="clear"></div>
					</div>

							<div style="border-bottom: 1px dotted #4D4D4D; margin: 10px 0;"></div>
					
					<div class="nav-seleccion">
						<div class="img_prod" style="float: left; width: 15%; ">
							<div style="display: table-cell; vertical-align: middle; height:80px; ">
								<img src="css/images/prd/50025.png" width="100" />
							</div>
						</div>
						<div class="desc_prod"
							style="float: left; width: 40%; margin-left: 5px;">
							<div style="font-size: 16px; margin: 4px 2px; text-decoration: underline;">
								Válvula de bola AC 800L 3/8" Paso Reducido	
							</div>
							<div style="font-size: 14px; margin: 2px 2px; color: #292929;">
								<b>Valor Unitario:</b> $58.000
							</div>
							<div style="font-size: 12px; margin: 2px 2px; color: #4D4D4D;">
								<b>Disponibles:</b> 15
							</div>
							<div style="font-size: 10px; margin: 2px 2px; color: #4D4D4D;">
								<b>Código:</b> 50025535010
							</div>
						</div>
						<!--button class="ui-icon ui-icon-closethick boton-cerrar">Cerrar</button-->
						<div
							style="float: right; width: 43%; margin-right: 5px; height: 40px; padding-top: 15px">
							
							<div
								style="font-size: 12px; text-align: right; float: left; width: 100px; padding-top: 2px; ">
								<input type="text" value="0"
									style="font-size: 15px; width: 40px; color: #7F7F7F; text-align:right;" class="nav-foco"/> <span
									style="font-size: 15px; color: #7F7F7F">%Desc</span>
							</div>
							<div
								style="font-size: 12px; text-align: right; float: left; width: 100px; padding-top: 2px; margin:0 5px">
								<input type="text" value="5"
									style="font-size: 15px; width: 40px; color: #7F7F7F; text-align:right;" class="nav-foco"/> <span
									style="font-size: 15px; color: #7F7F7F">Und</span>
							</div>
							
							<div style="text-align: right; float: right; width: 150px;">
								<span style="font-size: 25px;">$116.000</span>
							</div>
						</div>
						<div class="clear"></div>
						
						
					</div>

					<div style="border-bottom: 1px dotted #4D4D4D; margin: 10px 0;"></div>

					<div>
						<div class="img_prod" style="float: left; width: 15%;">
							&nbsp;</div>
						<div class="desc_prod"
							style="float: left; width: 40%; margin-left: 5px;">
							
						</div>
						<div
							style="float: right; width: 43%; margin-right: 5px; height: 40px;">
							<div style="font-size: 25px; text-align: right;  float: left;">Total</div>
							<div style="text-align: right; float: right; width: 150px;">
								<span style="font-size: 25px;">$2.406.000</span>
							</div>
							
						</div>
						<div class="clear"></div>
					</div>



				</div>
				
				<div class="clear"></div>
			</div>
			<div id="tabs-3">
					<div style="width: 200px">Correo electronico cliente </div>
					<div><input type="text"/></div>
					
					<div style="width: 200px">Correo electronico autorizador</div>
					<div><input type="text"/></div>
				    <div style="width: 200px">Correo electronico vendedor</div>
				    <div><input type="text"/></div>
				    <div style="width: 200px"></div>
				    <div style="height: 20px"></div>
				    
				    <div><button class="boton " >Guardar</button><button class="boton " >Imprimir</button><button class="boton " >Enviar</button></div>
			    
			</div>
		</div>

	</div>	
	<div class="clear"></div>
	<div
		style="height: 30px; background-color: #000; border: 1px solid #000; bottom: 0; width: 100%; color: white; margin-top: 30px;"
		class="ui-widget ui-corner-all">

		<div
			style="backgroud-color: #000; height: 30px; text-align: center; margin-top: 5px;">

			PBX</div>

	</div>
	</div>
</body>


</html>



